.root {
  border: 3px solid var(--vd-color-primary);
  border-radius: 3px;
}

.users {
  transform-origin: top left;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  display: flex;
  align-items: center;
  background-color: #ffffffcc;
  border: 1px solid var(--vd-color-border);
  border-radius: 20px;
  padding: 4px 8px;
}

.avatars {
  flex: 1;
}

.tip {
  font-size: 12px;
  white-space: nowrap;
  margin-left: 4px;
  color: gray;
}

.avatar {
  pointer-events: all;
  cursor: default;
}
